<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>产品详情</title>

    <!-- 引入 -->
    <script src="./lib/zepto/zepto.min.js"></script>

    <!-- 引入mui插件 -->
    <link rel="stylesheet" href="./lib/mui/css/mui.min.css">
    <script src="./lib/mui/js/mui.min.js"></script>

    <!-- 引入模板 -->
    <script src="./lib/artTemplate/template-web.js"></script>
    
    <!-- 引入公共css，js文件 -->
    <link rel="stylesheet" href="./css/common.css">
    <script src="./js/common.js"></script>

    <!-- 引入自己的css，js -->
    <link rel="stylesheet" href="./css/brand.css">
    <script src="./js/brand.js"></script>

</head>

<body>
    <div class="entirety">
        <div class="mui-scroll-wrapper">
            <div class="mui-scroll">
                <!-- 顶部公共部分B -->
                <div class="header">
                    <div class="left">
                        <a href="">
                            <img src="./images/01.png" alt="">
                        </a>
                    </div>
                    <div class="right">
                        <a href="">
                            <img src="./images/02.png" alt="">
                        </a>
                    </div>
                </div>
                <div class="search">
                    <input class="searchtext" type="search" placeholder="请输入你想比价的商品">
                    <input class="searchbtn" type="submit" value="搜索">
                </div>
                <!-- 顶部公共部分E -->

                <main>
                    <!-- 面包屑导航 -->
                    <ol class="breadcrumb">
                        <li>
                            <a href="./index.html">首页</a>
                        </li>
                        <span>&gt;</span>
                        <li>
                            <a href="./allBrands.html">品牌大全</a>
                        </li>
                        <span>&gt;</span>
                        <li>
                            <a>平板电视哪个牌子好</a>
                        </li>
                    </ol>
                    <!-- 第一部分 -->
                    <div>
                        <!-- 标题 -->
                        <title>平板电视哪个牌子好</title>
                        <!-- 详细内容 -->
                        <div class="subBrands1">
                            <a class="subBrand">
                                <span class="top1">1</span>
                                <div class="inner">
                                    <div>
                                        夏普平板电视
                                    </div>
                                    <p>30天全网销量：1397050件</p>
                                </div>
                                <div class="mui-icon mui-icon-arrowright"></div>
                            </a>
                            <a class="subBrand">
                                <span class="top2">2</span>
                                <div class="inner">
                                    <div>索尼平板电视</div>
                                    <p>30天全网销量：1397050件</p>
                                </div>
                            <div class="mui-icon mui-icon-arrowright"></div>
                            </a>
                            <a class="subBrand">
                                <span class="top3">3</span>
                                <div class="inner">
                                    <div>三星平板电视</div>
                                    <p>30天全网销量：1397050件</p>
                                </div>
                            <div class="mui-icon mui-icon-arrowright"></div>
                            </a>
                        </div>
                        <!-- 模板 -->
                        <script type="text/html" id="brandTem">
                            {{each result}}
                             <a class="subBrand" href="#?{{$value.brandId}}">
                                <span 
                                {{if $index==0}} 
                                    class="top1"
                                {{else if $index==1}}
                                    class="top2"
                                {{else if $index==2}}
                                    class="top3"
                                {{/if}}
                                >{{$index+1}}</span>
                                <div class="inner">
                                    <div>
                                        {{$value.brandName}}
                                    </div>
                                    <p>{{$value.brandInfo}}</p>
                                </div>
                                <div class="mui-icon mui-icon-arrowright"></div>
                            </a>
                            {{/each}}
                        </script>
                    </div>
                    <!-- 第二部分 -->
                    <div>
                        <h3><a href="">平板电视产品销量排行</a></h3>
                        <div class="subBrands2">
                            <a class="subBrand">
                                <div class="pic">
                                    <img src="./images/brand1.jpg" alt="">
                                </div>
                                <div class="info">
                                    <div class="tit">
                                            创维(Skyworth) 55V6 55英寸 IPS硬屏64位芯片4K智能液晶平板电视
                                    </div>
                                    <div class="price">
                                        <span>￥2499.00</span>
                                        <span class="star">
                                            ⭐⭐⭐⭐⭐
                                        </span>
                                    </div>
                                    <p class="other">
                                        <span>报价(5)</span>
                                        <span>全网评论(167349)</span>
                                    </p>
                                </div>
                            </a>
                        </div>
                    </div>

                    <script type="text/html" id="brand1Tem">
                        {{each result}}
                        <a class="subBrand" data-productid="{{$value.productId}}" href="#?{{$value.brandId}}">
                            <div class="pic">
                                {{@$value.productImg}}
                            </div>
                            <div class="info">
                                <div class="tit">
                                    {{$value.productName}}
                                </div>
                                <div class="price">
                                    <span>{{$value.productPrice}}</span>
                                    <span class="star">
                                        ⭐⭐⭐⭐⭐
                                    </span>
                                </div>
                                <p class="other">
                                    <span>{{$value.productQuote}}</span>
                                    <span>{{$value.productCom}}</span>
                                </p>
                            </div>
                        </a>
                        {{/each}}
                    </script>
                    <!-- 第三部分 -->
                    <div>
                        <h3><a href="">平板电视最有用的用户评论</a></h3>
                        <div class="subBrands3">
                            <div class="subBrand">
                                <a class="info">
                                    <img src="./images/brand2.jpg" alt="">
                                    <div class="tit">
                                        LG 49LF5400 49英寸 全高清 普通LED液晶电视
                                    </div>
                                </a>
                                <div class="other">
                                    <a class="comment">
                                        <span>8***m</span>
                                        <span class="star">
                                            ⭐⭐⭐⭐⭐
                                        </span>
                                        <span class="fr">2014/12/20</span>
                                        <p>这款液晶电视对比其它品牌电视最喜欢的是采用IPS硬屏液晶面板， 屏幕比较坚固，质量应该比其它液晶面板会好， 极其突出了这款电视的性价比；色彩使用了1920*1080P的分辨率， 三重XD引擎，提高了色质的水准、对比度和清晰度，
                                            呈现的画质和性能画面色彩也比较清晰，显示效果也比较细腻自然； 外观方面采用生动锐利铜钱纹样设计， 简约的白色电视底座搭配银色的窄边框感觉比较简单时尚， 也是比较喜欢的；功能使用简单，菜单键进入图像，生意， 设置，时间，选项，输入，我的媒体8个功能主题，2组HDMI接口满足
                                            VD设备和网络电视机顶和的使用，1组数字音响输出满足我外接 5.1音响系统的需要，画面比例点对点扫描，让我接电脑主机的画面设置更简单；炫亮人声Ⅰ，畅听清晰对话的设计。自动识别和加强电影和电视节目中的人声的功能，使我听到的背景声音更清晰突显，标注.音乐.电影.运动.游戏五个声音模式选择满足了日常视听的需求。LG的国际品牌也是比较让大家信赖的。
                                        </p>
                                        <p class="com">来自天猫</p>      
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <script type="text/html" id="brand2Tem">
                        {{each result}}
                        <div class="subBrand" data-comid="{{$value.comId}}">
                            <a href="#?{{$value.productId}}" class="info">
                                <img src="" alt="">
                                <div class="tit">
                                    LG 49LF5400 49英寸 全高清 普通LED液晶电视                                    
                                </div>
                            </a>
                            <div class="other">
                                <a href="#?{{$value.comId}}&{{$value.productId}}" class="comment">
                                    <span>{{$value.comName}}</span>
                                    <span class="star">
                                        ⭐⭐⭐⭐⭐
                                    </span>
                                    <span class="fr">{{$value.comTime}}</span>
                                    <p>
                                       {{$value.comContent}} 
                                    </p>  
                                    <p class="com">{{$value.comFrom}}</p>
                                </a>
                            </div>
                        </div>
                        {{/each}}
                    </script>

                </main>

                <div class="footer">
                    <div class="top">
                        <a href="">登录</a>
                        <a href="">注册</a>
                        <a href="javascript:void(0)" class="totop"><img src="./images/top.jpg" alt="">返回顶部</a>
                    </div>
                    <div class="bottom">
                        <p class="txt">
                            <a href="" class="mobile">手机APP下载</a>
                            <a href="">慢慢买手机版</a>
                            <a href=""> -- 掌上比价平台</a>
                        </p>
                        <p class="url"><a href=""> m.manmanbuy.com  </a></p>
                    </div>
                </div>

            </div>
        </div>
    </div>
</body>

</html>